<!DOCTYPE html>
<html ng-app="login" ng-controller="logCtrl">
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="/static/bootstrap/css/bootstrap.css" />
		<link rel="stylesheet" href="/static/plugins/font-awesome/css/font-awesome.min.css" />
		<style type="text/css">
			.container_login {
			    width: 100%;
			    height: 100%;
			    background: url(/static/img/loginBg.png) 0 0 no-repeat;
			    background-size: cover;
			    position: absolute;
			}
			* {
			    margin: 0;
			    padding: 0;
			    list-style: none;
			}
			.LogiContent {
			    position: absolute;
			    left: 72%;
			    top: 55%;
			    width: 418px;
			    height: 363px;
			    margin-left: -230px;
			    margin-top: -200px;
			    font-family: 微软雅黑;
			    font-size: 15px;
			    border-radius: 8px;
			    background: #ffffff;
			    padding: 52px 10px;
			}
			.login {
			    width: 85%;
			    margin: 0px auto;
			}
			.form-Logon label {
			    width: 70px;
			}
			.form-Logon .login input {
			    opacity: 1;
			    margin-bottom: 22px;
			    border-radius: 3px;
			    outline: none;
			    color: #000;
			    padding: 7px 10px;
			    border: 1px solid #bfe3fc;
			    width: 77%;
			}
			.tip {
			    font-size: 12px;
			    color: red;
			    padding-top: 7px;
			}
			.from-group {
			    width: 85%;
			    margin: 0px auto;
			    /*padding-left: 74px;*/
			}
			.btnwidth {
			    padding: 5px 15px;
			    background: #74b5ec;
			    color: #fff;
			    border: 1px solid #3c9ddb;
			    width: 100%;
			}
			.from-group input {
			    margin-left: 20%;
			}
			.divide {
			    width: 85%;
			    height: 3px;
			    background: #59a7da;
			    margin: 25px auto;
			}
			.loginTitle>p:first-child{
				position: absolute;
			    top: 9%;
			    left: 35%;
			    font-size: 20px;
			    color: black;
			    font-weight: bolder;
			}
			.nav-pills > li.active > a{
				border-radius: 0px;
			}
		</style>
	</head>
	<body>
	  <div class="container_login" >
	    <div class="LogiContent tab-content"  id="myTabContent">
		 <form class="form-Logon tab-pane fade in active"  role="form" name="loginForm" novalidate id="home">
			<div class="loginTitle">
				<p>欢迎登录档案云</p>
				<p class="divide"></p>
			</div>
			<div class="login">
				<label>用户名</label>
				<input type="text"  ng-keyup="enterEvent($event)" ng-model="login.user_name" ng-focus="cancelTip()"/>
			</div>
			<div class="login">
				<label>密&nbsp;&nbsp;码</label>
				<input type="password"   ng-keyup="enterEvent($event)" ng-model="login.user_passwd" name="password"/>
			</div>
			<div class="tip" style="margin-bottom: 5px;">
				<div>{{error}}</div>
				<div>{{errorab}}</div>
			</div>
			<div class="from-group">
				<button class="btnwidth" type="button" ng-click="loginForm.$valid &&goContents()">登录</button>
			</div>
			<div class="from-group" style="padding-top: 10px;">
			    <span><a href="">注册</a></span>
				<span style="float: right;"><a href="">忘记密码</a></span>
			</div>
		</form>
		<div class="form-Logon tab-pane fade" role="form" name="loginForm" novalidate id="ios">
			<div class="loginTitle">
				<p>欢迎登录档案云</p>
				<p class="divide"></p>
			</div>
		</div>
		<ul id="myTab" class="nav nav-pills" style="border: 1px solid #428bca;border-radius: 5px; width: 47%;margin: 0 auto;margin-top: 11px;">
		    <li class="active">
		    	<a href="#home" data-toggle="tab">用户登录</a>
		    </li>
		    <li>
		    	<a href="#ios" data-toggle="tab">短信登录</a>
		    </li>
		</ul>
	</div>
</div>

	</body>
	<script type="text/javascript" src="/static/assets/js/jquery-3.1.0.js"></script>
	<script type="text/javascript" src="/static/plugins/angular/angular.min.js" ></script>
	<script type="text/javascript" src="/static/plugins/PNotify/pnotify.custom.min.js"></script>
	<script type="text/javascript" src="/static/plugins/pnotify.js"></script>
	<script type="text/javascript" src="/static/bootstrap/js/bootstrap.min.js"></script>
	<script>
		var app=angular.module("login",["soc.PNotify"]);
		app.controller("logCtrl",function($scope,$http,serPNotify){

		})
	</script>
</html>
